<template>
  <div class="shop-config">
    <div class="container-up">
        <div class="info-title">支付配置</div>
        <AlipayConfig :shopId="shopId" v-if="type==='alipay'" />
        <WechatConfig :shopId="shopId" v-else-if="type==='wechat'" />
        <PosConfig :shopId="shopId" v-else-if="type==='pos'" />
        <div class="channel-up" v-else>
          当前参数无配置页面
        </div>
    </div>
  </div>
</template>

<script>
import AlipayConfig from "./rateConfiguration/alipayConfig.vue";
import WechatConfig from "./rateConfiguration/wechatConfig.vue";
import PosConfig from "./rateConfiguration/posConfig.vue";
export default {
  name:'shop-config',
  data () {
    return {};
  },
  components: {AlipayConfig,WechatConfig,PosConfig},
  created() {
    this.shopId = this.$route.params.shopId
    this.type = this.$route.params.type;
  },
  mounted() {},
  methods: {}
}
</script>
<style scoped>
.shop-config{
    box-sizing: border-box;
    padding: 20px;
}
.container-up{
  border: 1px solid #ededed;
}
.channel-up{
  width: 100%;
  height: 125px;
  text-align: center;
  font-size: 30px;
  padding-top:50px; 
}
.info-title{
  height: 50px;
  line-height: 50px;
  font-size: 26px;
  color: #409eff;
  padding: 5px 20px;
  border-bottom: 1px solid #ededed;
}
</style>